<template>
  <div class="discounts-block">
    <el-row>
      <el-col
        :span="12"
        v-for="(discount, index) in list"
        :key="index"
      >
        <block-item :info="discount"></block-item>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import BlockItem from './BlockItem.vue';

export default {
  name: 'DiscountsBlock',
  components: {
    BlockItem
  },
  props: {
    list: {
      type: Array,
      default() {
        return [];
      }
    }
  }
};
</script>

<style lang="less" scoped>
  .discounts-block {
    background-color: #fff;
  }
</style>
